{% extends "front/base.html" %}

{% block head %}
    <link rel="stylesheet" href="{{ url_for('static',filename='front/css/signbase.css') }}">
    <script src="{{ url_for('static',filename='front/js/register.js') }}"></script>
{% endblock %}
{% block title %}注册 - bbs{% endblock %}
{% block content %}
    <div class="outer-box">
        <div class="logo-box">
            <a href="/">
                <img src="{{ url_for('static',filename='front/images/logo.jpg') }}" alt="">
            </a>
        </div>
        <h2 class="page-title">
            知了传课-登录
        </h2>
        <div class="sign-box">
            <div class="form-group">
                <div class="input-group">
                    <input type="email" class="form-control" name="email" placeholder="邮箱">
                    <span class="input-group-btn">
                            <button id="btn_email_captcha" class="btn btn-default">发送验证码</button>
                        </span>
                </div>
            </div>
            <div class="form-group">
                <input type="text" class="form-control" name="email_captcha" placeholder="邮箱验证码">
            </div>
            <div class="form-group">
                <input type="text" class="form-control" name="username" placeholder="用户名">
            </div>
            <div class="form-group">
                <input type="password" class="form-control" name="password" placeholder="密码">
            </div>
            <div class="form-group">
                <input type="password" class="form-control" name="confirm_password" placeholder="确认密码">
            </div>
            <div class="form-group">
                <div class="input-group">
                    <input type="text" class="form-control" name="graph_captcha" placeholder="图形验证码">
                    <span class="input-group-addon captcha-addon">
                        <img id="captcha_img" class="captcha-img" src="{{ url_for('front.graph_captcha') }}" alt="">
                    </span>
                </div>
            </div>
            <div class="form-group">
                <button class="btn btn-warning btn-block" id="btn_submit">立即注册</button>
            </div>
        </div>
    </div>
{% endblock %}

<head>
    <meta charset="utf-8">
    <script src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
    <link href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <script src="http://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="../js/common/zlajax.js"></script>
    <link rel="stylesheet" href="../css/front/front_base.css">
    <link rel="stylesheet" href="../css/front/index.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>登录-知了传课</title>
    <link rel="stylesheet" href="../css/front/signbase.css">
</head>